﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>用户登录 - 车点点</title>
    <link rel="Shortcut Icon" href="https://cdd-static.b0.upaiyun.com/Echediandian/Images/icon_16.png">
    <meta name="Title" content="车点点请全国人民免费洗车！车点点，违章查询，免费洗车，汽车保养，洗车美容，四轮定位，轮胎，汽车维修，抛光封釉，车身打蜡，洗车券，免费道路救援"/>
    <meta name="keywords" content="车点点，违章查询，免费洗车，汽车保养，洗车美容，四轮定位，补胎，汽车维修，抛光封釉，车身打蜡，洗车券，免费道路救援"/>
    <meta name="description"
          content="车点点全新上线！每天10000张洗车券免费送！每天1000张道路救援免费领！点点随行，车行无忧！车点点提供违章查询、洗车美容、维修保养、道路救援、车务代办、养车知识、周边商家查询等服务！"/>
    <meta name="baidu-site-verification" content="ROkHd42fYi"/>
    <link href="https://cdd-static.b0.upaiyun.com/Echediandian/Content/css.css" type="text/css" rel="stylesheet"/>
    <style>
        .lg_header_bg {
            background: url(https://cdd-static.b0.upaiyun.com/Echediandian/Images/login2_03.png) repeat-x;
        }

        .lg_header .f24 {
            line-height: 60px;
            padding-left: 15px;
        }

        .login {
            margin-top: 30px;
            height: 328px;
        }

        .login_left {
            width: 420px;
            height: 328px;
            background: #ebf8ff;
        }

        .login_right {
            width: 578px;
            height: 328px;
            background: url(https://cdd-static.b0.upaiyun.com/Echediandian/Images/login_bg.png) no-repeat;
            overflow: hidden;
        }

        .login_left ul {
            padding: 35px 0 0 50px;
        }

        .login_left ul li {
            margin-bottom: 20px;
        }

        .login_left ul li em {
            top: 10px;
            left: 8px;
        }

        .lg_txt {
            width: 310px;
            height: 38px;
            line-height: 38px \9;
            border: 1px solid #b2cbd9;
            padding: 0 4px;
            font-size: 16px;
        }

        .login_btn input {
            width: 320px;
            border: none;
            padding: 0;
            cursor: pointer;
            height: 40px;
            text-align: center;
        }

        .login_right_down {
            padding: 200px 0 0 247px;
        }

        .login_right_down a {
            display: block;
            width: 130px;
            height: 36px;
            line-height: 36px;
            text-align: center;
            font-size: 16px;
            margin: 0 12px;
            background: url(https://cdd-static.b0.upaiyun.com/Echediandian/Images/login_03.png) no-repeat;
            float: left;
        }

        .login_right_down a:link, .login_right_down a:visited {
            color: #90c31f;
        }

        .login_right_down a:hover {
            color: White;
            text-decoration: none;
            background-position: 0 -36px;
        }

        .new-nav {
            background-color: #006eb3;
            border-bottom: 4px solid #3fb200;
            height: 70px;
        }

        .new-nav li {
            position: relative;
            float: left;
        }

        .new-nav li > a {
            display: block;
            width: 120px;
            height: 70px;
            line-height: 70px;
            text-align: center;
            color: #fff;
            font-size: 16px;
        }

        .new-nav li > a:hover, .new-nav li.active > a {
            text-decoration: none;
            background-color: #3fb200;
        }

        .new-nav .logo a {
            display: block;
            width: 200px;
            height: 70px;
            background: url(https://cdd-static.b0.upaiyun.com/Echediandian/Images/logo.png?v=1.1) left center no-repeat;
            text-indent: -9999rem;
            overflow: hidden;
        }

        .arrow-down {
            display: inline-block;
            width: 0px;
            height: 0px;
            border-width: 5px 5px 0 5px;
            border-color: #eeeeee transparent transparent transparent;
            border-style: solid dashed dashed dashed;
        }

        .new-nav .arrow-down {
            position: relative;
            top: -3px;
            margin-left: 3px;
            -webkit-transition: .5s 0s all;
            -o-transition: .5s 0s all;
            -moz-transition: .5s 0s all;
            -ms-transition: .5s 0s all;
            transition: .5s 0s all;
        }

        .new-nav li > a:hover .arrow-down, .new-nav li.active > a .arrow-down {
            -webkit-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .new-menu .n-snav {
            position: absolute;
            left: 0;
            top: 100%;
            width: 100%;
            font-size: 16px;
            background-color: #3fb200;
            color: #fff;
        }

        .new-menu .n-snav a {
            display: block;
            color: #fff;
            text-align: center;
            padding-bottom: 15px;
        }

        .new-menu .n-snav i {
            opacity: 0;
        }

        .new-menu .n-snav a:hover {
            color: #ffff00;
            text-decoration: none;
        }

        .myclub {
            height: 70px;
            line-height: 70px;
        }

        .myclub a {
            color: #fff;
            font-size: 14px;
        }

        .myclub .menu > a {
            display: inline-block;
        }

        .myclub .menu b {
            display: inline-block;
            color: #fff;
            font-weight: normal;
            padding-left: 7px;
            padding-left: 3px;
            vertical-align: top;
        }
    </style>
</head>
<body>
<div class="new-nav">
    <div class="wp1000 auto">
        <div class="lt logo">
            <h1>
                <a href="#" title="车点点商户管理页面"></a>
            </h1>
        </div>
    </div>
</div>
<form id="action_login" action="action_login">
    <div class="content wp1000 auto">
        <div class="login bgwh br_e1 flx">
            <div class="login_left lt">
                <ul>
                    <li style="color: Red; text-align: center; height:21px;" id="show_message"></li>
                    <li class="login_name rel">
                        <input class="lg_txt" size="30" id="txtUserName" type="text" name="merchantsShopname"
                               placeholder="请输入用户名(店铺名称)" value="" title="用户名"/>
                    </li>
                    <li class="login_pw rel">
                        <input class="lg_txt" size="30" type="text" name="merchantsPhone" placeholder="请输入密码(手机号码)"/>
                    </li>
                    <li class="login_btn">
                        <input class="bg_blue wh f18" type="submit" value="登录"/>
                    </li>
                    <li class="login_pw rel" style="color:#0294e8">
                        支持<span style="color:Red;">车点点、</span><span style="color:Red;">中石化、</span><span
                            style="color:Red;">智慧交通、</span><span style="color:Red;">移动MO车主、</span><span
                            style="color:Red;">车小秘</span>等用户
                    </li>
                </ul>
            </div>
            <div class="login_right rt">
                <div class="login_right_down flx">
                    <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.chediandianstore.app">下载安卓版</a> <a
                        href="http://a.app.qq.com/o/simple.jsp?pkgname=com.chediandianstore.app">下载iPhone版</a>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        Copyright &copy; 2018 车点点
    </div>
</form>
<script src="https://cdd-static.b0.upaiyun.com/Echediandian/Scripts/jquery-1.9.1.js" type="text/javascript"></script>
<script src="https://cdd-static.b0.upaiyun.com/Echediandian/Scripts/jquery.cookie.js" type="text/javascript"></script>
<script src="https://cdd-static.b0.upaiyun.com/Echediandian/Scripts/layer/layer.js"></script>
<script type="text/javascript">
    function Login() {
        var username = $("#txtUserName").val(),
            password = $("#userSt").val();
        if (username == undefined || username == '' || username == 'undefined') {
            showTip('用户名不能为空');
            return;
        }
        if (password == undefined || password == '' || password == 'undefined') {
            showTip('密码不能为空');
            return;
        }
        showTip('', 2);
        $.ajax('/login/index-handle', {
            type: 'post',
            dataType: 'JSON',
            data: {
                'username': username,
                'password': password,
                '_csrf': '1dyQibZNjkrXH-G-cdbI4Am1fwHmaZ8wk8dNjtU5e7CFqcXM_xfser0mr8cAkbzVYoQebq4CyQH2lDzn4g4Dhg=='
            },
        }).done(function (data) {
            layer.closeAll();
            if (data.Code === 1) {
                window.location.href = '/checkorder/index';
                return false;
            } else if (data.Code === -1) {
                layer.open({
                    type: 2,
                    title: [
                        '协议相关',
                        'background-color:#006eb3; color:#fff;'
                    ],
                    shadeClose: false,
                    closeBtn: 2,
                    shade: 0.8,
                    area: ['380px', '90%'],
                    content: '//m.chediandian.com/merchantedition/agreement-index?tagid=' + data.entId + '&agreementType=1&loginFrom=ecdd'
                });
            } else {
                showTip(data.Msg);
            }
        })
    }

    document.domain = "chediandian.com";

    function goEcddHome(entId) {
        layer.closeAll();
        showTip('', 2);
        $.ajax('/login/check', {
            type: 'post',
            dataType: 'json',
            data: {'entId': entId}
        }).done(function (data) {
            layer.closeAll();
            if (data.Code === 1) {
                window.location.href = '/checkorder/index';
                return false;
            } else {
                showTip(data.Msg);
            }
        });
    }

    function showTip(msg, tag) {
        if (tag === 2) {
            var index = layer.load(1, {
                shade: [0.7, '#000'],
                shadeClose: false
            });
        } else {
            layer.alert(msg, {
                icon: 2,
                skin: 'layer-ext-moon'
            })
        }
    }
</script>
<script src="https://cdd-static.b0.upaiyun.com/Echediandian/Scripts/Index.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        /* 查询提示 */
        var que_len = $(".login_name .lg_txt").val().length;
        if (que_len == 0) {
            $(".login_left ul li em").show();
        }
        $(".lg_txt").focus(function () {
            $(this).prev("em").hide();
        });
        $(".lg_txt").focusout(function () {
            var que_txt = $(this).val().length;
            if (que_txt != 0) {
                $(this).prev("em").hide();
            } else {
                $(this).prev("em").show();
            }
        });
        $(".login_left li em").click(function () {
            $(this).hide();
            $(this).next(".lg_txt").focus();
        });
    });
</script>
</body>
</html>
